<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/">
<head>
  <title>kavadenn: {{community.name}}, Bretagne</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="description" content="Découvrir la Bretagne avec kavadenn: {{community.name}}, tourisme, voyage">
  <meta name="keywords" content="Bretagne,decouverte,tourisme,voyage">  
  <meta name="google-site-verification" content="4st4ki5585g6DlepbbFy-Sa-b10DKq1klis4Nsql3xA" />

  <link href="/static/css/kavadenn.css" rel="Stylesheet" type="text/css" />

</head>
<body>

  <div id="header">
      <table width="100%">
        <tr valign="middle">
          <td><a href="/{{community.urlName}}/" id="logo">kavadenn</a></td>
          <td>
            <form style="display:inline;" action="/search/" method="POST" id="searchForm">
              <input id="searchBox" name="q" type="text" style="float:right;" placeholder="recherche" />
            </form>
          </td>    
        </tr>
      </table> 
    </div>

    
    <div id="content">
        
        <div id="placeSectionHeader">
            <h2>{{community.name}} <span>ENDROITS</span></h2>
            <a id="communityPageLink" href="/{{community.urlName}}/">page principale de {{community.name}}</a>
            <div style="clear:both;"></div>  
        </div>
         
        <div id="placeContent">
          
          <div class="suggestionBox">
              Séléctionnez les catégories qui vous intéressent 
          </div>
          
          <div id="placeLeftPanel">
              <div id="categories">
                  {% for category in categories %}
                    <div class="placeCategory">
                      <div style="height:1px;"><img src="{{category.img}}" /></div>
                      <div class="placeCategoryTitle">
                        <input class="categorySelector" type="checkbox" value="{{category.name}}" />{{category.text}}
                      </div>
                    </div>
                  {% endfor %}
              </div>
          </div>
          
          <div id="map-canvas"></div>
          </div>
        
          <div style="clear:both;"></div>
        
          <div  id="dataLoadingIndicator">
            Loading...
          </div>
        
        </div>
    </div>
    
    <div id="footer">
      <div style="height:1px;">
        <img width="30px" height="30px" src="/static/img/wires/places/osm.png" />  
      </div>
      <div style="padding-left:35px;">
        données géolocalisées fournies par <a href="http://www.openstreetmap.org/">OpenStreetMap</a> 
      </div>
    </div>    
    
    <script src="/static/js/jquery/jquery.js" type="text/javascript"></script>
    <script type="text/javascript" src="/static/js/jquery/jquery.placeholder.js"></script>
    <script src="/static/js/services/places.js" type="text/javascript"></script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script src="/static/js/places/PlaceApplication.js" type="text/javascript"></script>

    <script type="text/javascript">
        /* <![CDATA[ */

        $(document).ready(function() {
           var app = new kavadenn.PlaceApplication(
             "{{community.urlName}}",
             {"lat":{{community.lat}}, "lon":{{community.lon}}}   
           );
        });
        /* ]]> */
    </script>

    
</body>
</html>


